Feedly Blogger Template

The Main Features Of Feedly


Change Color Of The Template

  • First Go To Your Blogger Blog.
  • Now Go To Layout. And Go To Blogger Designer
  • In The Blogger Template Designer. Click On The Advance Option


  • Now Click On The Main Theme Color & Paste Your Color Or Pick A Color From The Color Picker Or Use Recommended Color.
  • Now Click On The Theme Secondary Color & Paste Your Color Or Pick A Color From The Color Picker Or Use Recommended Color.
  • Now Click On Apply To Blog To Save The Changes

    • Navigation & Social Links

    Logo Setting[Optional]

    Go to your Blogger Account - Your Blog & select Layout

    Now In Header Widget Click On Edit

    Upload Your Logo And Select "Instead of title and description" as the "Placement" option & Select Shrink To Fit.

    Set Up Navigation

    1.Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Begin Main Nav -->

    2.Then replace the # with your urls.

    3. Click On Save.

    Set Up Social Links
    1. Go to Blogger Dashboard -> Layout -> Social Header [Social Buttons] -> Click On Edit Button

    Icons Available [ facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen , vimeo]

    Note: The Social Site Name Sholud Be In Lower-Case.

    Slider

    Set Number Of Slides

    Find the following text in the template editor ' // Control Number Of Post Of Slider '
    Now chnage the ' numpost1 ' value according to your wish...

    Note:-

    Slider Works Automatically With New Post.
    But Few Things Are Needed To Work The Slider Perfectly:

    1. Your Blog Must Be Public From The Settings
    2. Your Blog Feed Set To Be Full From settings -> Other -> Site feed -> Allow Blog Feed (Full).
    3. Your Blog Post Has at least One Label In Your Latest Posts.
    4. Please Try To Add High Quality Images.
    5. If There Is No Image, The Default Image Will Appear Please Change It If You Want To.
      To Change The Default Image Search In Blogger Template Editor " // set your own image " And Replace The Default Image URL With Your Own URL.
      Default Image "https://3.bp.blogspot.com/-l6mLadzuSpU/V81xcwvWeEI/AAAAAAAAA3Y/T0yIVIIbrSY03NQ6yx5EY2O6KIhXcCyRwCLcB/s1600/default.jpg"

    Instagram Widget

    Set Your Instagram Profile Link

    Find In Blogger Template Editor " #Your_insta_profile_link " & Replace It With Yours.

    Set Up Instagram Widget

    1. Go to Blogger.com > Your Blog > Template > Edit HTML and find the following text:- <!-- Instagram Widget -->

    2. Now Change The User ID And The Access Token.

    To Generate Access Token for instagram widget to work Go to this url-> http://instagram.pixelunion.net/ Generate access token

    Sign In and Follow the steps

    Then You'll be given an access token like this 2332485555.1654d0c.55a6e4f951de429f89d5edc21b3c689b

    Follow The next step

    Add Instagram Access Token:

    Add Instagram User ID:

    Footer Menu

    1. Go to Blogger Dashboard -> Layout -> Main Menu -> Click On Edit Button
    2. And Just Add Your Links.

    How to Set Date On Post

    Go to Blogger Dashboard > Settings > Language and Formatting > Formatting > Timestamp Format > set it to date instead of time.

    Now Click On Save

    Add Button

    1. In the Post section, click on edit post or create a new post
    2. Click on HTML
    3. A code is written below use that code to display that Button link

    Code For Default Button 
    <a class="btn" href="Your Link" target="_blank">Your Text Here</a></div>
    Code For Blue Button 
    <a class="btn blue" href="Your Link" target="_blank">Your Text Here</a></div>
    Code For Red Button 
    <a class="btn red" href="Your Link" target="_blank">Your Text Here</a></div>
    Code For Green Button 
    <a class="btn green" href="Your Link" target="_blank">Your Text Here</a></div>
    Code For Yellow Button 
    <a class="btn yellow" href="Your Link" target="_blank">Your Text Here</a></div>

    4. save your Post and check.

    Post Author & Related Posts

    Post Author

    Edit Post Author Bio

    1. Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Post Author Bio -->
    2. Now Change It With Your Own Bio

    Edit Author Social Links

    1. Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- <!-- Your Social Links -->
    2. Now Change It With Your Own Links
    Related Posts Widget:
    1. Go to Blogger.com -> Your Blog -> Template -> Edit HTML And Find ( CTRL + F ) This:- // Number Of Posts

    Settings

    Set Mobile Version

    To Use Responsive Design In Mobile Devices Than First You Need To Enable It.

    Note:The Responsive Menu Link Sub Menu Will Not Work(Open) In The Desktop If You Resize Your Window It Is Only Work On Mobile Devices.

    1. Go to Blogger.com -> Your Blog -> Template -> Now In Mobile Section Click On Gear Button As Shown In Given Below Image

    2. Click On "No. Show desktop template on mobile devices." And Than Click On Save.


    Thanks For Downloading ❤
    Copyright © 2015. Templateclue